<template>
  <div id="app">
    <vheader :title="title"></vheader>
    <!--<h1>{{ msg }}</h1>-->
    <vcontent></vcontent>
    <vfooter :title="title1"></vfooter>
  </div>
</template>

<script>
  import vheader from "./header.vue"
  import vcontent from "./content.vue"
  import vfooter from "./footer.vue";
  export default {
    name: 'app',
    data () {
      return {
        msg: '测试',
        title: '头部',
        title1: '脚部'
      }
    },
    //父传子属性
    prop: {},
    //引入组件属性
    components: {
      vfooter, vheader,vcontent
    }
  }
</script>

<style>

</style>
